@charset "utf-8";
/* CSS Document */
body{overflow-x: hidden;}
body img{width:100%;}

.swiper-button-next,.swiper-button-prev{ color:var(--white); background: rgba(0,0,0,.5); border-radius: 6px; width: 60px; height: 60px;}
.swiper-button-next:after,.swiper-button-prev:after{font-size: 24px;}
.swiper-button-next:hover,.swiper-button-prev:hover{background: rgba(0,0,0,.8);}
.swiper-pagination-bullet{width:6px; height:6px; background:var(--white); transition:all .5s ease-in-out;}
.swiper-pagination-bullet-active{width:60px; height:6px; border-radius:8px; background:var(--white);}

@media screen and (max-width:576px){
    .swiper-button-next,.swiper-button-prev{width:30px; height: 30px;}
    .swiper-button-next,.swiper-container-rtl .swiper-button-prev{right: 10px;}
    .swiper-button-prev,.swiper-container-rtl .swiper-button-next{left: 10px;}
    .swiper-button-next:after,.swiper-button-prev:after{ font-size:18px;}
    .swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom, .swiper-pagination-fraction{bottom:10px;}
    .swiper-pagination-bullet{width:4px; height:4px; background:var(--white); transition:all .5s ease-in-out;}
    .swiper-pagination-bullet-active{width:30px; height:4px; border-radius:4px; background:var(--white);}
}

.pc_web{display:block !important;}
.m_web{display:none !important;}
@media screen and (max-width:996px){
    .pc_web{display:none !important;}
    .m_web{display:block !important;}
}

/*************************************导航css*******************************************/
header{display: flex; flex-direction: column; box-shadow:0 0 15px rgba(0,0,0,.2); transition:all .5s ease-in-out; height:100px; background:var(--white);}
header.sticky{max-width:100%;margin-left:0;}
header.sticky .site_nav{background:rgba(224,224,224,1);}
header.sticky .bg-light{background:rgba(255,255,255,1) !important; border-radius:0;}

.navbar{padding:0; height:100%;}
.navbar-brand{display:flex; align-items:center;}
.navbar .navbar-brand img{max-width:480px; margin-top:-.9rem;}
.navbar .navbar-brand span{margin-top:8px;}
.navbar-collapse{flex-grow:0; margin-top: .4rem; justify-content: flex-end;}
.navbar-expand-lg .navbar-nav .nav-item{ padding: 0 1.5rem;}
.navbar-expand-lg .navbar-nav .nav-link{font-size:1.125em; padding:0;}

.navbar-expand-lg .navbar-nav .nav-link.active,.navbar-expand-lg .navbar-nav .nav-link:hover{color: var(--greenhover); border-bottom:1.5px var(--greenhover) solid; padding-bottom:5px;}
.navbar-expand-lg .navbar-nav .nav-link.last{display: flex; align-items: center; font-size:1.375em; margin-top: -5px;}
.navbar-expand-lg .navbar-nav .nav-link.last:hover{border: none; padding: 0; color: #353535;}
.navbar-expand-lg .navbar-nav .nav-link.last a:last-child{margin-right: 0;}
.navbar-expand-lg .navbar-nav .nav-link.last span{margin:0 .9rem; font-size: .8em;}
.close,#navbarNav .navbar-brand{display: none;}

/*导航搜索css*/
header .search_btn.hidden{opacity: 0;}
header .search_box{ position:absolute; z-index:99; top:25%; right:0 ; width:60%;height:50%; z-index:1000; opacity:0;transform:scale(0); transition: all .5s ease-in-out;right: auto; background: var(--white); display: flex; align-items: center; justify-content: flex-end;}
header .search_box.open{opacity:1; transform:scale(1); right:0; transform-origin: 100% center;}
header .search_box form{display: flex; justify-content:flex-end; align-items: center; width: 100%; border: 1px #ccc solid; padding: 0 15px;}
header .search_box div{width:90%;font-size:16px; line-height:41px; border:1px solid #d4d4d4; background:#fff; display: flex; justify-content: space-between;padding:0 10px;}
header .search_box button{background:transparent; border:none; font-size:24px; color:#595757; opacity: 0.6;}
header .search_box input{width:100%; color:#86807f; border: none;}
header .search_box .search_close{font-size:20px; margin-left:10px; cursor:pointer;}

@media screen and (max-width:1440px){
    .navbar-expand-lg .navbar-nav .nav-item{ padding: 0 1.2rem;}
}

@media screen and (max-width:1368px){
  header{height:85px;}
  .navbar .navbar-brand img{max-width:320px;}
  .navbar-expand-lg .navbar-nav .nav-link{font-size:1em;}
}

@media screen and (max-width:1280px){
    .navbar-brand{font-size:1.125rem;}
    .navbar-light .navbar-nav .nav-link{font-size:1.25em;}
}

@media screen and (max-width:996px){
    body{position: relative;}
    .navbar-brand{padding:0; font-size:1rem; font-weight:bold;}
    .navbar-collapse{position:fixed; z-index: 9999; width:100%; max-width:100%; height:100vh; background:#f2f2f2; padding:1rem 2rem; top:0px; left:0;}
    .navbar-light .navbar-toggler{color: rgba(255, 255, 255, 0.5);border-color:rgba(255,255,255, 0.8); padding:0; line-height:1.25;}
    .navbar-light .navbar-toggler-icon{background-image:none; color:var(--white); font-size:1.35em; height:1.25em; }
    .nav-link{padding:0.8rem 1rem; border-bottom:1px #e2e2e2 solid;}
    .dropdown-menu{margin:0;background:none; padding-bottom:30px;}
    .dropdown-item{border-bottom:1px #e2e2e2 solid; text-align:left; line-height:3;}
    .navbar-light .navbar-nav .nav-link{color:rgba(255,255,255,.9);}
    .navbar-expand-lg .navbar-nav .nav-link{padding:.5rem 1rem;}
    .nav-item-none{display:none;}
    .close{opacity: 1; font-size:1rem; display: flex; cursor: pointer; margin: 1rem .2rem .5rem 0;}
    .close:hover{color:#009679;}
    #navbarNav .navbar-brand{ display: flex; justify-content: center; align-items: center; margin:2rem 0; font-size:20px;}
    #navbarNav .navbar-brand img{max-width:320px;}
}

@media screen and (max-width:576px){
    .fixed-top {position:relative;top: 0;right: 0;left: 0;z-index: 1030;}
    header{max-width:100%; height:60px; margin: 0;}
    .navbar-collapse{ padding:0 1rem; margin: 0;}
    .navbar-expand-lg .navbar-nav .nav-link{font-size:1em;padding-right:0;padding-left:0;}
    .navbar{padding:0rem 1rem;}
    .navbar .navbar-brand{font-size:20px;}
    .navbar .navbar-brand img{max-width:200px; margin: 0;}
    .navbar-toggler {padding:0;}
    .site_nav{padding-right:0rem;}
    .navbar-toggler-icon {height: 1em; }
    .navbar-expand-lg .navbar-nav .nav-link.last{display: none;}

    header .m_web form{display: flex; justify-content:flex-end; align-items: center; width: 100%; border: 1px #ccc solid; background: var(--white); padding: 0 15px;}
    header .m_web input{width:100%; color:#86807f; border: none;}
    header .m_web button{background:transparent; border:none; font-size:24px; color:#595757; opacity: 0.6;}
}


/*************************************轮播图css*******************************************/
.slider_bg img{width:100%;}
.slider_bg .swiper-slide{display: flex; justify-content: center; align-items: center;}
.slider_bg .container{position: absolute; height: 100%; z-index:99; margin: 0 auto; text-align: center; color:var(--white); display: flex; justify-content:center; align-items: center;}
.slider_bg .container .col-lg-7{background: rgba(0,0,0,.5); height: 50%; padding: 20px;}
.slider_bg .container .col-lg-7 div{ border: 1px var(--white) solid; height: 100%; display:flex; flex-direction: column; justify-content:center; align-items: center;}
.slider_bg h1{font-weight: bolder;}
.slider_bg a{background: var(--greenhover); color: var(--white); width: 100%; max-width:200px; line-height: 2.2; margin-top: 1.5rem; display: flex; justify-content:center; align-items: center; }
.slider_bg i{font-size: 1.25em; margin-right: 5px;}
.slider_bg a:hover{background: var(--darkgreen);}
.slider_bg .swiper-button-next,.slider_bg .swiper-button-prev{width: 70px; height: 70px;}
.slider_bg .swiper-button-next, .slider_bg .swiper-container-rtl .swiper-button-prev{right: 40px;}
.slider_bg .swiper-button-prev, .slider_bg .swiper-container-rtl .swiper-button-next{left: 40px;}
.slider_bg .swiper-container-horizontal>.swiper-pagination-bullets,.slider_bg .swiper-pagination-custom, .swiper-pagination-fraction{bottom:25px;}

@media screen and (max-width:1440px) {
  .slider_bg h1{font-size: 50px;}
  .slider_bg h3{font-size: 30px;}
}

@media screen and (max-width:1368px) {
  .slider_bg h1{font-size: 40px;}
  .slider_bg h3{font-size: 24px;}
}

@media screen and (max-width:576px) {
  .slider_bg .container .col-lg-7{height: 60%; padding: 10px;}
  .slider_bg h1{font-size: 18px;}
  .slider_bg h3{font-size: 12px;}
  .slider_bg a{width: 100%; max-width:140px; line-height: 2; margin-top: .5rem;}
  .slider_bg .swiper-button-next,.slider_bg .swiper-button-prev{width:30px; height: 30px;}
  .slider_bg .swiper-button-next,.slider_bg .swiper-container-rtl .swiper-button-prev{right: 10px;}
  .slider_bg .swiper-button-prev,.slider_bg .swiper-container-rtl .swiper-button-next{left: 10px;}
  .slider_bg .swiper-button-next:after,.slider_bg .swiper-button-prev:after{ font-size:18px;}
  .slider_bg .swiper-container-horizontal>.swiper-pagination-bullets,.slider_bg .swiper-pagination-custom, .swiper-pagination-fraction{bottom:10px;}
}

/*首页公司简介css*/
.inabout_bg{background: url(../images/inabout_bg.png) top -10px right 10% no-repeat; background-size:45%; padding: 150px 0}
.inabout_bg .container{ max-width: 1410px;}
.inabout_bg h2{font-weight: 900; margin-bottom: 2.5rem;}
.inabout_bg h4{color: var(--greenhover); font-weight:900; text-transform: uppercase;}
.inabout_bg p{padding:5px 0;}
.inabout_bg .more{display:flex; align-items: center; margin-top: 4rem;}
.inabout_bg .more::after{content:"\e631"; font-family: "iconfont"; margin-left:1rem; font-size:1em;transition: all .5s ease-in-out; width: 40px; height: 40px; line-height: 40px; border-radius: 100%; border: 1px var(--dark) solid; text-align: center;}
.inabout_bg .more:hover{color:var(--greenhover);}
.inabout_bg .more:hover:after{color:var(--white); background: var(--greenhover); border: 1px var(--white) solid; margin-left: 2rem; }

@media screen and (max-width:1440px) {
  .inabout_bg{ background-size:55%; padding:80px 0}
}

@media screen and (max-width:1368px) {
  .inabout_bg .container{ max-width: 1140px;}
}

@media screen and (max-width:996px) {
  .inabout_bg .container{ max-width: 960px;}
}

@media screen and (max-width:576px) {
  .inabout_bg{background:none; padding:30px 0}
  .inabout_bg h2{margin-bottom: 1rem;}
  .inabout_bg .more{margin-top: 1rem;}
}

/*首页产品分类css*/
.inproduct_bg{background:url(../images/inproduct_bg.png); border-top: 5px var(--greenhover) solid;}
.inproduct_bg .swiper-container-horizontal>.swiper-pagination-bullets, .inproduct_bg .swiper-pagination-custom, .inproduct_bg .swiper-pagination-fraction{text-align: right; bottom: 0;}


.inproduct_bg .swiper-pagination-bullet{background:var(--greenhover);}
.inproduct_bg .swiper-pagination-bullet-active{background:var(--greenhover);}

.inproduct_bg h2{font-weight: 900; margin-bottom: 2.5rem;}
.inproduct_bg h4{color: var(--greenhover); font-weight:900; text-transform: uppercase; margin-top: 3rem;}
.inproduct_bg p{padding:5px 0;}
.inproduct_bg p i{margin-right: 4px; font-size: 12px;}
.inproduct_bg .inproduct_img{position: relative; padding-bottom:15px;}
.inproduct_bg img{width:100%; max-width: 680px; position: relative; z-index: 2;}
.inproduct_bg .inproduct_img::after{content: ""; background: var(--greenhover); width:100%; max-width: 680px; height:100%; position: absolute; top:15px; left:15px;}
.inproduct_chara{display: flex; justify-content: space-between;text-align: center; margin-top: 4rem;}
.inproduct_chara div{background: #f8f8f8; border-radius:4px; flex:0 0 29%; max-width:29%; padding:2rem 0 3rem;}
.inproduct_chara h4{font-weight: normal; margin: 0}
.inproduct_chara .iconfont{font-size:64px; color: var(--greenhover);}
/**tabs**/
.inproduct_list ul{display: flex; justify-content:center; margin-bottom: 4rem;}
.inproduct_list ul li{cursor:pointer; background: var(--dark); color: var(--white); margin: 0 .5rem; padding:.2rem 1.2rem; border-radius:4px; transition: all .5s ease-in-out;}
.inproduct_list li:hover,.inproduct_list .hit{cursor:pointer; background: var(--greenhover); color: var(--white);}
.pane{display:none;}

@media screen and (max-width:1368px) {
  .inproduct_bg p{font-size: 14px;}
  .inproduct_chara div{padding:1rem 0 1.5rem;}
  .inproduct_chara .iconfont{font-size:50px;}
  .inproduct_list ul{margin-bottom: 2.5rem;}
}

@media screen and (max-width:996px) {
  .inproduct_chara{margin-top: 2rem;}
  .inproduct_chara div{padding:1rem 0 1.5rem;}
  .inproduct_chara .iconfont{font-size:40px;}
  .inproduct_chara h4{font-size: 18px;}
  .inproduct_list ul{margin-bottom: 2.5rem;}
  .inproduct_list ul li{margin: 0 .2rem; padding:.2rem .8rem;}
}

@media screen and (max-width:576px){
  .inproduct_list ul{display: flex; flex-wrap: wrap;margin-bottom: 1rem;}
  .inproduct_list ul li{margin:.3rem; padding:.4rem 1rem;}
  .inproduct_bg h2{margin-bottom:.5rem;}
  .inproduct_bg h4{margin-top: .1rem;}
  .inproduct_bg .inproduct_img::after,.inproduct_bg p,.inproduct_chara{display: none;}
}

/*首页新闻资讯css*/
.innews_bg{background:url(../images/innews_bg.jpg) fixed; background-size:100%; height: 100vh; position: relative; overflow: hidden;}
.innews_bg::before{content: "News"; color: #f2f4f3; position:absolute; top: 0; left:3rem; font-size: 23em; line-height:.65; font-weight: 900;}
.innews_bg .container{max-width: 1410px; position: relative; z-index: 2;}
.innews_bg h2{font-weight: 900; margin-bottom: 2.5rem;}
.innews_bg h4{color: var(--greenhover); font-weight:900; text-transform: uppercase; margin-top:5rem;}
.innews_bg h5{margin:7rem 0 2rem 0; font-weight: bold;}
.innews_bg .more{display:flex; align-items: center; margin-top: 6rem;}
.innews_bg .more::after{content:"\e631"; font-family: "iconfont"; margin-left:1rem; font-size:1em;transition: all .5s ease-in-out; width: 40px; height: 40px; line-height: 40px; border-radius: 100%; border: 1px var(--dark) solid; text-align: center;}
.innews_bg .more:hover{color:var(--greenhover);}
.innews_bg .more:hover:after{color:var(--white); background: var(--greenhover); border: 1px var(--white) solid; margin-left: 2rem; }
.innews_bg .swiper-container{height:calc(100vh - 70px);}
.innews_bg .swiper-pagination-bullet{width:6px; height:6px; background:var(--white); transition:all .5s ease-in-out;}
.innews_bg .swiper-pagination-bullet-active{width:6px; height:6px; border-radius:8px; background:var(--white);}

.innews_bg .innews_img{overflow:hidden; border: 1px var(--white) solid;}
.innews_bg .innews_img img{transform: scale(1); transition: all .5s ease-in-out;}
.innews_bg .swiper-slide:hover .innews_img img{transform: scale(1.1);}

.innews_bg .innews_title{ height:110px; display: flex; justify-content: space-between; align-items: center; background: var(--white);}
.innews_bg .innews_title h5{margin:0 0 2px 0}
.innews_bg .innews_title i{font-style: normal; font-size: 60px; font-weight: 900; width:110px; text-align: center; text-shadow:-1px 0 #8bc40e,0 1px #8bc40e,1px 0 #8bc40e,0 -1px #8bc40e; color: var(--white);}
.innews_bg .innews_title .more{display:flex; justify-content: center; align-items: center; margin-top:0; background: var(--dark); color: var(--white);width:185px; height: 100%;}
.innews_bg .innews_title .more::after{content:"\e631"; font-family: "iconfont"; margin-left:1rem; font-size:1em;transition: all .5s ease-in-out; width: 40px; height: 40px; line-height: 40px; border-radius: 100%; border: 1px rgba(255,255,255,.3) solid; text-align: center;}
.innews_bg .swiper-slide:hover .innews_title .more{color:var(--greenhover);}
.innews_bg .swiper-slide:hover .innews_title .more:after{color:var(--white); background: var(--greenhover); border: 1px var(--greenhover) solid; margin-left: 2rem; }
.innews_bg .swiper-slide:hover .innews_title p{color: var(--dark);}


/*首页新闻背景canvas动画css*/
.particle-network-animation {width:60%;position:absolute; z-index: 1; top: 0; right: 0; height: 100vh;}
.particle-network-animation::before {z-index: -2;content: '';position: absolute;top: 0;right: 0;bottom: 0;left: 0;background-size: cover;opacity: 0.2;}
.glow {z-index: -1;position: fixed;top: 50%;left: 50%;background-image: radial-gradient(circle closest-side, rgba(255, 255, 255, 1), transparent);}
.glow-1 {width: 150vw;height: 150vh;margin-top: -75vh;margin-left: -75vw;animation: glow-1-move 10s linear infinite both;}
@keyframes glow-1-move {
  from {
    transform: translate(-100%, 100%);
  }
  to {
    transform: translate(100%, -100%);
  }
}
.glow-2 {width: 100vw;height: 100vh;margin-top: -50vh;margin-left: -50vw;animation: glow-2-move 10s linear 8.3333333333s infinite both;}

@keyframes glow-2-move {
  from {
    transform: translate(-100%, 0%);
  }
  to {
    transform: translate(100%, 100%);
  }
}
.glow-3 {width: 120vw;height: 120vh;margin-top: -60vh;margin-left: -60vw;animation: glow-3-move 10s linear 16.6666666667s infinite both;}

@keyframes glow-3-move {
  from {
    transform: translate(100%, 100%);
  }
  to {
    transform: translate(0%, -100%);
  }
}


@media screen and (max-width:1368px) {
  .innews_bg::before{font-size: 16em;}
  .innews_bg .container{max-width:1140px;}
  .innews_bg .swiper-container{height:calc(100vh - 100px);}
}

@media screen and (max-width:996px) {
  .innews_bg{height: 80vh;}
  .innews_bg::before{font-size: 12em;}
  .particle-network-animation {height: 80vh;}
  .innews_bg .swiper-container{height:calc(80vh - 50px); margin-top: 40px;}
}

@media screen and (max-width:576px){
  .innews_bg{background: #f8f8f8; height: 100%;}
  .innews_bg::before{font-size: 6em; left:1rem;}
  .innews_bg h4{margin-top:1rem;}
  .innews_bg h5{margin:1rem 0 .5rem 0;}
  .innews_bg .more{margin-top: 1.5rem;}
  .innews_bg .swiper-container{height:calc(85vh - 100px); margin-top: 20px;}
  .innews_bg .innews_title{ height:90px;}
  .innews_bg .innews_title span{padding: 0 10px;}
  .innews_bg .innews_title i{display: none;}
  .innews_bg .innews_title .more{width:125px;}
  .innews_bg .innews_title .more::after{margin-left:.5rem; width:24px; height:24px; line-height:24px;}
}


/*首页地图css*/
.inmap_bg{background: var(--white) url(../images/inproduct_bg.png);}
.inmap_bg .container{ position: relative;}
.inmap_bg #dituContent{width:100%;height:650px; border: 1px #ccc solid; box-shadow: 0 0 20px rgba(0,0,0,.1);}
.inmap_contact{display: flex; flex-direction: column; justify-content: center; align-items: center; background: rgba(0,0,0,.6); color: var(--white); position: absolute; z-index: 99; top: 0; left: 15px; height: 100%; width:35%;}
.inmap_contact h2{font-weight: 900;}
.inmap_contact h3{font-weight: 900;}
.inmap_contact a{background: var(--greenhover); color: var(--white); width: 100%; max-width:200px; line-height: 2.2; margin-top: 1.5rem; display: flex; justify-content:center; align-items: center; box-shadow: 0 0 15px rgba(0,0,0,.2);}
.inmap_contact i{font-size: 1.25em; margin-right: 5px;}
.inmap_contact a:hover{background: var(--darkgreen);}

@media screen and (max-width:1368px) {
  .inmap_bg #dituContent{height:450px;}
}

@media screen and (max-width:576px){
  .inmap_contact{display: none;}
}


/********************************************底部信息css****************************************/
footer{background:#707070;}
footer .container .row{align-items: center;}
.footer_message{max-width:80%;}
.footer_message li{width:100%;display: block;margin-bottom:15px;}
.footer_message button, .footer_message input {border: 0;outline: 0; padding:12px 16px;}
.footer_message textarea {border: 0;outline: 0; padding:10px 16px;}
.footer_message input,.footer_message textarea {width:100%; box-sizing: border-box; transition: all 0.2s ease-in-out;appearance: none;-webkit-appearance: none; background: rgba(255,255,255,.1); color: var(--white);}
.footer_message button {width: 100%;color:var(--white); transition: all 0.2s ease-in-out;cursor: pointer; background: var(--greenhover); font-weight: bold;}
.footer_message ::-webkit-input-placeholder{color: var(--white);}
.footer_message ::-ms-input-placeholder{color: var(--white);}
.footer_message ::placeholder{color: var(--white);}


footer .footer_r{display: flex; justify-content: space-between; align-items: center;}
.footer_contact{flex: 0 0 40%; max-width: 40%; border: 1px var(--white) solid; border-radius:22px; color: var(--white);}
.footer_contact .footer_logo{text-align: center; border-bottom: 1px var(--white) solid; padding: 10px 0 15px; margin-bottom:10px;}
.footer_contact .footer_logo img{max-width: 175px;}
.footer_contact i{font-size:18px; margin-right: 8px;}
.footer_contact i.iconfont1{font-size:24px;}
.footer_contact p{padding: 0px 20px; display: flex; align-items: center; line-height: 1.65;}
.footer_contact p.pl_130{padding-left:130px;}
.footer_contact p.pl_132{padding-left:132px;}
.footer_contact p a{color: var(--white);}
.footer_contact p a:hover{color:#48ea85;}
.footer_contact .line{width: 100%;height: 1px; background: var(--white); margin:10px 0;}
.footer_tm{background: var(--white); color: var(--greenhover);width: 85%; height: 50px; line-height: 50px; text-align: center; border-radius:25px; margin:20px auto; font-weight: bold;}
.footer_tm a{color: var(--greenhover);}

.footer_shop{flex: 0 0 45%; max-width:45%;}
.footer_erweima{ text-align:center; font-weight: bold; color: var(--white);}
.footer_erweima img{max-width: 80%; margin-bottom: 8px;}
.copyright{padding:20px 0; text-align:center;background:var(--white); margin-top:50px;}
.copyright span{margin-right:20px;}
.copyright a img{max-width:20px; margin-right:8px;}
.top{width:60px; height:60px; background:#f3f3f3; border-radius:5px; border:2px var(--greenhover) solid; position: fixed; z-index: 9999;right:20px; bottom:3%; display: flex; justify-content: center; align-items: center; color:var(--greenhover); font-size:40px; box-shadow: 0 0 10px rgba(0,0,0,.5);}
.top:hover{ background:var(--greenhover); color:var(--white);}

@media screen and (max-width:1440px){
  .footer_message{max-width:90%;}
  .footer_contact{flex: 0 0 50%; max-width: 50%;}
}

@media screen and (max-width:1368px) {
  .footer_contact{flex: 0 0 55%; max-width: 55%;}
  .footer_shop{flex: 0 0 42%; max-width:42%;}
  .footer_tm{height:45px; line-height:45px; border-radius:25px;}
}

@media screen and (max-width:996px) {
  .footer_contact p{padding: 0px 10px;}
  .footer_contact p.pl_130{padding-left:110px;}
  .footer_contact p.pl_132{padding-left:112px;}
}

@media screen and (max-width:576px) {
  .footer_message{max-width:100%;}
  .footer_message button, .footer_message input,.footer_message textarea {padding:8px 10px;}
  .message_body .footer_message{display: none;}
  .footer_contact,.footer_erweima{display: none;}
  .footer_shop{flex: 0 0 100%; max-width:100%;}
  .copyright{margin-top:10px; padding:20px 15px; text-align:left;}
  .copyright span{display: block;}
}

/*在线客服悬浮链接*/
.suspension{position:fixed;z-index:55;right:0;bottom:20%;width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:68px;height:68px;background:rgba(0,0,0,.4);margin-bottom:8px;cursor:pointer;outline:none;}
.suspension .a.active,.suspension .a:hover{background:var(--darkgreen);}
.suspension .a .i{display:flex; align-items:center; flex-direction: column; justify-content: center; width:68px;height:68px; font-style: normal; color:var(--white); border:1px var(--darkgreen) solid; font-family: "iconfont"; text-align:center; font-size:26px; line-height: 1.3;}
.suspension .a .i span{font-size:12px;}
.suspension .a-top{background:rgba(0,0,0,.4);display:none;}
.suspension .a-top:hover{background:#c0c1c3;}

.suspension .d{display:none;width:160px; background:var(--darkgreen);position:absolute;right:68px; color:var(--white); box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px; font-family: "iconfont"; font-size:24px; font-style: normal; color:var(--darkgreen);right:0px;top:15px;}
.suspension .d-qrcode{top:0px;}
.suspension .d-service-phone{top:76px;}
.suspension .d-service{top:152px;}
.suspension .d-service-bj{top:228px;}
.suspension .d .inner-box{padding:5px 10px 5px; min-height:68px;}
.suspension .d-service-item{display:flex; align-items:center; width:100%;}
.suspension .d-service-item a{display: block; width:100%;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .text{line-height: 56px; font-size:18px; text-align:center; display: block;}
.suspension .d-service-item a .text{color:var(--white); font-size:14px;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:10px;}
.suspension .d-qrcode p{font-size:14px;}
.inner_erweima{display: flex; justify-content:center; flex-direction: column;}
.inner_erweima img{max-width:130px;}


@media screen and (max-width:576px){
    .suspension{display: none;}
}

/*************************************内页轮播图css*******************************************/
.about_slider_bg .swiper-slide{display: flex; justify-content: center; align-items: center;}
.about_slider_bg .container{position: absolute; height: 100%; z-index:99; margin: 0 auto; text-align: center; color:var(--white); display: flex; justify-content:center; align-items: center;}
.about_slider_bg .container .col-lg-6{background: rgba(0,0,0,.5); height:55%; min-height: 220px; padding:15px;}
.about_slider_bg .container .col-lg-6 div{ border: 1px var(--white) solid; height: 100%; display:flex; flex-direction: column; justify-content:center; align-items: center;}
.about_slider_bg h1{font-weight: bolder; font-size: 40px;}
.about_slider_bg h3{font-size:24px;}
.about_slider_bg a{background: var(--greenhover); color: var(--white); width: 100%; max-width:200px; line-height: 2.2; margin-top: 1.5rem; display: flex; justify-content:center; align-items: center; }
.about_slider_bg i{font-size: 1.25em; margin-right: 5px;}
.about_slider_bg a:hover{background: var(--darkgreen);}

@media screen and (max-width:1440px){
  .about_slider_bg a{margin-top: 1rem;}
}

@media screen and (max-width:1368px){
  .about_slider_bg h1{font-size: 30px;}
  .about_slider_bg h3{font-size:20px;}
}

@media screen and (max-width:996px){
   .about_slider_bg .container .col-lg-6{height:40%;}
}

@media screen and (max-width:576px) {
  .about_slider_bg .container .col-lg-6{height: 60%; min-height: auto; padding: 10px;}
  .about_slider_bg h1{font-size: 18px;}
  .about_slider_bg h3{font-size: 12px;}
  .about_slider_bg a{width: 100%; max-width:140px; line-height: 2; margin-top: .5rem;}
}
/*公司简介css*/
.about_bg{background:url(../images/inabout_bg.png) top -10px right 10% no-repeat; background-size:45%; padding:100px 0}
.about_bg .container{ max-width: 1410px;}
.about_bg h2{font-weight: 900; margin-bottom: 2.5rem;}
.about_bg h4{color: var(--greenhover); font-weight:900; text-transform: uppercase;}
.about_bg p{padding:5px 0;}
.about_bg img{box-shadow: 0 0 20px rgba(0,0,0,.2); border-radius:4px;}

.environment_bg{background:#eff4f2 url(../images/inproduct_bg.png); text-align: center;}
.environment_bg h4{font-weight:900; margin-bottom:2rem;}
.environment_bg p{margin: 8px 0;}
.environment_bg .environment_img{overflow: hidden;}
.environment_bg .environment_img img{transform: scale(1.0); transition: all .5s ease-in-out;}
.environment_bg .environment_img:hover img{transform: scale(1.1);}

@media screen and (max-width:1368px){
  .about_bg .container{ max-width: 1140px;}
}

@media screen and (max-width:576px){
  .about_bg{background:none; padding:30px 0}
  .about_bg h2{margin-bottom:1rem;}
  .about_bg img{margin-top: 12px;}
}


/*产品中心css*/
.product_classlist{display: flex; justify-content: center; background: #dce8e3; height: 115px;}
.product_classlist .row{height: 100%;}
.product_classlist .col-lg-3{display: flex; align-items: center; justify-content: flex-end;}

/*搜索框css*/
.product_classlist .search_box{padding-right: 2rem;display: flex; align-items: center;}
.sb-search-input{border: none; background:none; padding: 0 10px;}
.sb-search-input::placeholder{text-align: right; color:#c7c7c7;}
.sb-search-input:hover{outline: 1px #ccc solid;}
.product_classlist .search_box button{background: none; border: none; font-size: 1.5em; color: #c7c7c7;}

/*所有产品分类css*/
.product_classlist .col-lg-9{background:#b2b2b2; display: flex; align-items: center;}
.product_classlist .list a{margin: 0 5px; padding: 8px 25px; border-radius: 4px; color: var(--white);}
.product_classlist .list a:nth-child(1){background: var(--greenhover);}
.product_classlist .list a:hover{background: var(--greenhover);}
.product_classlist .list a:nth-child(1):hover{background: var(--darkgreen);}

/*左侧产品分类css*/
.product_bg .classlist{background: #f8f8f8; padding: 0;}
.product_bg .classlist a{display: flex; align-items: center; max-width:100%; padding: 0 0 0 20%; height:80px; border-bottom: 1px solid #eaeaea;}
.product_bg .classlist a i{margin-right:8px; font-size: 1.75em; transition: all .5s ease-in-out;}
.product_bg .classlist a i.iconfont1{font-size: 1.9em;}
.product_bg .classlist a:hover{background: var(--white);}
.product_bg .classlist a:hover i{margin-right:20px;}


/*产品列表css*/
.product_bg{text-align: center;}
.product_bg ul{margin-top: 1.5rem;}
.product_img{max-width: 90%; overflow: hidden; margin: 1rem auto;}
.product_img img{width:100%;-webkit-transform:scale(1); transform:scale(1); transition:all .5s ease-in-out;}
.product_img:hover img{-webkit-transform:scale(1.1); transform: scale(1.1);}
.product_bg h5{margin:0 0 .5rem 0; font-weight: 700;}

/*产品详情css*/
.productview .container{max-width: 1200px;}
.productview h4{display: flex; justify-content: center; align-items: center; margin-bottom: 2rem;}
.productview h4 span{background: var(--greenhover); color: var(--white);border-radius:4px;padding:4px 10px; font-size: 16px; margin-left: 15px;}
.productview .gallery-top {width:55%; margin-bottom:5px;}
.productview .gallery-top img{border:1px #ccc solid;}
.productview .gallery-thumbs {width:30%; box-sizing: border-box; padding: 10px 0;}
.productview .gallery-thumbs .swiper-slide {opacity: 0.4; cursor: pointer;}
.productview .gallery-thumbs .swiper-slide-thumb-active {opacity: 1; border:1px var(--greenhover) solid;}
.productview .swiper-button-next:after,.productview .swiper-button-prev:after{color:var(--white);}


.underline {display: flex; align-items: center;text-decoration: none;color: #2B3044;position: relative;}
.underline span {width:100%;
background-image: linear-gradient(0deg, var(--dark) 0%, var(--dark) 100%);background-position: 100% 100%;background-repeat: no-repeat;background-size: var(--background-size, 100%) 1px;transition: background-size 0.2s linear var(--background-delay, 0.15s); line-height:2.5;transform: translateZ(0);}
.underline svg {vertical-align: top;display: inline;line-height: 1; width:35px; height:35px;position:absolute;right:-20px;fill: none;
stroke-linecap: round;stroke-linejoin: round;stroke-width: 1px;stroke:#009679;stroke-dasharray: 7.95 30;
stroke-dashoffset: var(--stroke-dashoffset, 46);
transition: stroke-dashoffset var(--stroke-duration, 0.15s) var(--stroke-easing, linear) var(--stroke-delay, 0s);}
.underline:hover {--background-size: 0%;--background-delay: 0s;--stroke-dashoffset: 26;--stroke-duration: .3s;--stroke-easing: cubic-bezier(.3, 1.5, .5, 1);--stroke-delay: .195s; color:#009679;}

@media screen and (max-width:576px) {
  .product_classlist .col-lg-3{justify-content:center;}
  .product_classlist .search_box{padding-right:0; width: 100%;}
  .sb-search-input{width: 100%; max-width: 576px;}
  .sb-search-input::placeholder{text-align: left;}
  .product_classlist{height: 55px;}
  .product_bg .classlist{display: flex; flex-wrap: wrap;}
  .product_bg .classlist a{flex: 0 0 50%;max-width:50%; padding: 0 0 0 10%; height:60px;}
  .product_classlist .list{display: none;}
  .product_bg ul{margin-top: 1rem;}
  .product_img{max-width:100%;margin: .5rem auto;}
  .productview h4{margin-bottom: 1rem;}
  .productview .gallery-top {width:100%;}
  .productview .gallery-thumbs {width:100%;}
  .underline span {width:100%;background-image:none;}
}


/*新闻资讯css*/
.news_bg .container{max-width: 1440px;}
.news_bg a.row{background:#f8f8f8; transition: all .5s ease-in-out; margin:0 0 2rem;}
.news_bg h6{font-weight:bold; margin:.2rem 0 1rem;}
.news_bg .col-lg-4{padding: 0;}
.news_bg .news_info{padding: 20px;}
.news_bg .innews_more{padding:5px 20px; margin-right:20px; margin-top:15px; transition: all .5s ease-in-out; }
.news_bg p{ display: -webkit-box; -webkit-line-clamp:4;-webkit-box-orient:vertical; overflow:hidden; text-overflow: ellipsis; white-space: wrap; }
.news_bg span{font-size: 14px; color: var(--greenhover);transition: all .5s ease-in-out;}
.news_img{width:100%; overflow:hidden;}
.news_img img{transform: scale(1);width:100%; transition: all .5s ease-in-out;}
.news_bg a.row:hover{background: var(--greenhover); color: var(--white); box-shadow: 0 0 20px rgba(0,0,0,.3);}
.news_bg a.row:hover .news_img img{transform: scale(1.1);}
.news_bg a.row:hover span{color: var(--white);}

.news_bg .more{display:flex; align-items: center; margin-top: 1rem;}
.news_bg .more::after{content:"\e631"; font-family: "iconfont"; margin-left:1rem; font-size:1em;transition: all .5s ease-in-out; width: 30px; height: 30px; line-height: 30px; border-radius: 100%; border: 1px var(--dark) solid; text-align: center;}
.news_bg a.row:hover .more{color:var(--white);}
.news_bg a.row:hover .more::after{color:var(--greenhover); background: var(--white); border: 1px var(--greenhover) solid; margin-left: 2rem; }

@media screen and (max-width:1368px){
  .news_bg .container{ max-width: 1140px;}
  .news_bg .news_info{padding: 10px 15px 0;}
  .news_bg p{-webkit-line-clamp:3; font-size: 14px;}
  .news_bg .more{margin-top: .3rem; font-size: 14px;}
}

@media screen and (max-width:996px){
  .news_bg p{-webkit-line-clamp:2; font-size: 14px;}
  .news_bg a.row{ margin:0 0 1rem;}
}

@media screen and (max-width:576px){
  .news_bg .news_info{padding: 10px 0px;}
}

/*新闻面包屑导航css*/
.breadcrumb{background-color:transparent; border-bottom:1px #ccc solid; padding: 1rem 0;}
.breadcrumb a{margin: 0 8px;}
.breadcrumb i{margin-right: 8px;}

/*新闻详情css*/
.newsview{display:flex; justify-content:center;}
.newsview .container{max-width: 1200px;}
.newsview .row{justify-content: center;}
.newsview h5{ padding:25px 0 10px 0; text-align: center; font-weight:bold;}
.newsview h6{display: flex; justify-content: center; align-items: center; padding-bottom:25px; font-size:14px; color:#949494;}
.newsview h6 span{margin-right: 15px;}
.newsview img{max-width:100%; margin:15px 0;}
.newsview p{margin:5px 0; text-indent:0;}

@media screen and (max-width:576px) {
    .newsview{padding:3% 0 30px 0;}
    .newsview .row{padding:0;}
    .newsview h6 span:nth-child(1){display: none;}
}


/********************************************联系我们css****************************************/
.contact .container{max-width: 1440px;}
.contact .row{justify-content: space-between;}
.contact .col-lg-4{padding: 0 40px;}
.contact h4{margin-bottom: 3rem; font-weight: bold; padding: 0 25px;}
.contact h4::after{content: ""; width:60px; min-width: 35px; height:2px; background: var(--greenhover); display: block; margin-top: .8rem;}
.contact h5{font-weight:bold; border-bottom: 1px #ccc solid; margin-bottom:1rem; padding-bottom:20px;}
.contact p{line-height:2.5;}
.contact i{margin-left: 5px; color: var(--greenhover); transition: all .5s ease-in-out;}
.contact a:hover i{margin-left: 15px;}

.contact #dituContent{width:100%;height:550px; border: 1px #ccc solid; box-shadow: 0 0 20px rgba(0,0,0,.1); margin-top:2rem;}
.iw_poi_title{color:#CC5522;font-size:16px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:14px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}

@media screen and (max-width:1368px){
  .contact .container{ max-width: 1300px;}
}

@media screen and (max-width:996px){
    .contact{padding:50px 0;}
    .contact .col-lg-4{padding: 0 15px;}
    .contact h4{padding: 0 5px;}
    #dituContent{max-width:100%; height:450px; margin:20px 0; border:#ccc solid 1px;}
}

@media screen and (max-width: 576px){
    .contact{padding:30px 0; width:100%;}
    .contact h4{margin-bottom: 0; padding: 0;}
    .contact h5{margin: 1.5rem 0 .5rem; padding-bottom: 10px;}
    .contact p{line-height:2.5;}
    .contact i{margin-right:8px;}
    .contact i.iconfont1{font-size:16px;}
    #dituContent{max-width:98%; margin:0px auto; height:350px;}
}

/*在线留言css*/
.message_info{max-width:1440px; background:#f8f8f8; padding: 40px;}
.message_info h3{text-align:center;font-weight: bold;}
.message_info h5{text-align:center; color:#ccc; font-size:20px;}
.message_info h6{text-align:center; font-weight:bold; margin-bottom:30px;}
.message_info .line{display: block; width:50px; height:4px; background:#000; margin:0 auto 40px;}
.message_info li{width:100%;display: block;margin-bottom:15px;}
.message_info button, .message_info input {border: 0;outline: 0; padding:10px 16px; border:1px #ccc solid;}
.message_info textarea {border: 0;outline: 0; padding:16px;border:1px #ccc solid;}
.message_info input,.message_info textarea {margin-right:8px; width: 100%; box-sizing: border-box; transition: all 0.2s ease-in-out;appearance: none;-webkit-appearance: none;}
.message_info button {color:#61677C; transition: all 0.2s ease-in-out;cursor: pointer;}
.message_info .red {display: block;width:100%;color:var(--white); font-size:18px; margin:0 auto; background:var(--greenhover);}
.message_info .input-group {display: flex;align-items: center;justify-content: flex-start;}
.message_info label {margin: 0;flex: 1;}
.message_info .yzm{position: relative;}
.message_info .yzm_img{position: absolute; right:4%; top:25%;}
.message_info .yzm img{width:15px;}

@media screen and (max-width:1440px){
  .message_info{max-width:1400px;}
}

@media screen and (max-width:1368px){
  .message_info{ max-width: 1140px;}
}

@media screen and (max-width:996px){
  .message_bg.pb_60,.message_bg.pt_60{padding: 0;}
}


@media screen and (max-width:576px){
  .message_info{padding:40px 20px;}
  .message_info li{margin-bottom:5px;}
}

/*********************分页css************************/
.pagination {display:flex; align-items:center; justify-content:center; font-size:0; line-height:0; margin:30px auto !important;}
.pagination:empty {margin-bottom:0;margin-left:0}
.pagination>* {display:inline-block;margin:0 5px 14px 4px;}
.pagination li {display:inline-block;vertical-align:middle;text-align:center}
.pagination li:first-child .pagination li a,
.pagination li:last-child .pagination li a {border-radius:50%}
.pagination li:first-child .pagination li a:hover,
.pagination li:first-child .pagination li a:focus,
.pagination li:first-child .pagination li a:active,
.pagination li:last-child .pagination li a:hover,
.pagination li:last-child .pagination li a:focus,
.pagination li:last-child .pagination li a:active {color:var(--white)}
.pagination li a,.pagination li span {display:inline-block;min-width:42px;padding:4px; font-size:14px; line-height:1.5; color:#333; border:1px #d9d9d9 solid;transition:all .3s ease-in-out}
.pagination li a.icon{font-size:22px}
.pagination li a:hover,.pagination li a:focus,.pagination li a:active,.pagination li.active span{color:var(--white); background:var(--greenhover)!important;}
.pagination li.active>.pagination li a,.pagination li.active>.pagination li a:hover,.pagination li.active>.pagination li a:focus,.pagination li.active>.pagination li a:active {color:var(--white);}
.pagination li.disabled span>.pagination li a,.pagination li.disabled span>.pagination li a:hover,.pagination li.disabled span>.pagination li a:focus,.pagination li.disabled span>.pagination li a:active {color:#333;}
.pagination li.disabled span{min-width:75px; color:#ccc !important;}
.pagination li:last-child a{min-width:75px;}

.page-item-control .icon::before {font-family:fontawesome;line-height:25px}
.page-item-control:first-child .icon::before {content:'';margin-left:-1px}
.page-item-control:last-child .icon::before {content:'';margin-right:-1px}

.prev_next{display: flex; justify-content: space-between; margin:20px 0; }
/*.prev_next a{ display: inline-block; position: relative;}
.prev_next a:after{content: ""; width:100%; height: 1px; background:#333; position: absolute; bottom:0; left: 0; transition:all .5s ease-in-out;}
.prev_next a:hover:after{background:var(--greenhover);}*/

@media screen and (max-width:1440px){
    *+.pagination-wrap {margin:20px auto 0}
}

@media screen and (max-width:1280px){
    .pagination {margin:20px auto 0px;}
}

@media screen and (max-width: 576px){
    .pagination-wrap {margin:20px auto 0px;}
    .pagination>* {display:inline-block;margin:0 2px 14px 2px;}
    .pagination li.disabled span{min-width:65px;}
    .pagination li:last-child a{min-width:65px;}
    .prev_next{justify-content:flex-start; flex-direction: column; margin:0; padding-top:15px;}
    .prev_next a{ padding:0;}
    .prev_next a:nth-child(2){display: none;}
    .prev_next span{padding:0;}
}